<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

<title>Computer Science Society</title>

<link rel="stylesheet" href="css/style.css" type="text/css" />


</head>

<body>

<!-- wrap starts here -->
<div id="wrap">

	<!--header -->
	<div id="header">		
 
	<span style="position:absolute;top:10px;right:10px;color:#ffffff;font-size:12px;text-decoration:none;">
	<a wicket:id="logoutPage">Log Out</a></span>
		
	<!--header ends-->					
	</div>
		
	
	<!-- navigation starts-->	
	<div  id="nav">
		<ul>
			<li><a wicket:id="home">Home</a></li>
			<li><a href="#">Documents</a></li>
			<li><a href="#">Members</a></li>			
			<li><a href="#">Society Events</a></li>
			<li><a href="#">About Us</a></li>
				
		</ul>
	<!-- navigation ends-->	
	</div>					
			
	<!-- content-wrap starts -->
	<div id="content-wrap">	
	
     <div class="workspace">
		<ul>
		
		</ul>
	 </div>
	 
	 <div id="content">
	
	 
		 <div id="image">
		 	<img src="images/images.jpg" />
		 </div>
		 
		<form wicket:id="viewForm">
		
			 <table class="table" cellspacing="5">
					<tr >
						<td ><span wicket:id="name" style="font-size:16px;font-weight:bold;color:#971818;text-transform:uppercase;word-spacing:5px;"></span></td>
					</tr>
					<tr>
						<td ><span wicket:id="studentId" style="font-size:14px;font-weight:bold;word-spacing:5px;"></span></td>
					</tr>
					<tr>
						<td >Year Level: <span wicket:id="yearlevel" style="font-size:14px;word-spacing:5px;"></span></td>
					</tr>
					
					<tr>
						<td ><span wicket:id="gender"  style="font-size:14px;word-spacing:5px;"></span></td>
					</tr>
			</table> 
		
		 
	 	<div style="clear:both"></div>
		
		 
		 <table class="table" cellspacing="5">
					<tr >
						<td ><span style="font-size:15px;font-weight:bold;color:#971818;text-transform:uppercase;word-spacing:5px;">Personal Information</span></td>
					</tr>
					<tr>
						<td >Birthday: <span wicket:id="birthday"  style="font-size:14px;word-spacing:5px;"></span></td>
					</tr>
					<tr>
						<td >Hometown: <span wicket:id="address"   style="font-size:14px;word-spacing:5px;"></span></td>
					</tr>
					<tr>
						<td >Contact Number: <span wicket:id="contact"  style="font-size:14px;word-spacing:5px;"></span></td>
					</tr>
					<tr>
						<td >Hobby: <span wicket:id="hobby"  style="font-size:14px;word-spacing:5px;"></span></td>
					</tr>
		</table> 
		
		<div style="clear:both"></div>
		
		
		 
		 <div class="buttons">
    			
    			<table cellspacing="0">
							<tr>
								<td><input wicket:id="edit" type="submit" value="edit"/>&nbsp;</td>
							</tr>
				</table>
				
    		</div>
		
	 	 Date Created:<span wicket:id="dateCreated"></span>
	 
    </form>
		<div style="clear:both"></div>
	</div>
	</div>
	<!-- content-wrap ends-->	
	
		
	<!-- footer starts -->			
	<div id="footer-wrap">
		<div id="footer">				
			<p>		
			|<a href="#">2010 &copy;COMPUTER SCIENCE SOCIETY</a> |
			<a href="#">MSU -IIT</a> |
			</p>			
		</div>
	</div>
	<!-- footer ends-->	
	
	
	</div>
<!-- wrap ends here -->

	
</body>
</html>

        